<template>
  <div>
    <div class="evalItem">
      <div class="item-left">{{itemName}} </div>
      <div class="palce-holder"></div>
      <div class="item-right" >{{itemValue}}
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "EvalSelectItem",
  props: {
    itemName : String,
    itemValue : String,
    
  },
  data() {
    return {
      // 怎么做
      
    };
  }
};
</script>
<style lang='stylus' scope>
@import '~@/assets/varibles.styl';
.evalItem {
  padding .2rem
  border:.01rem solid #eee
  display: flex;
  background: $headbgcolor;

  .item-left {
    width 2rem
    float: left
    line-height .5rem
    margin-left: 0.2rem
    font-size 15px
    color #000
  }
  .palce-holder{
    flex : 1
  }
  .item-right {
    float: right
    width 3rem    
    margin-right: 0.4rem
    display: flex;
    
  }
  .input-label{
      border: 0 none
      text-align:right
      caret-color $themecolor
      color #333
  }
}
</style>